	@charset "utf-8";
	/* CSS Document */
	
	*{padding:0;margin:10;}
	/*quitar despues*/
	body{
		background: #FFC94D;
		font-family:'Ubuntu',Trebuchet, Arial, Helvetica, sans-serif;
	}
	/*no olvidar*/
	#container{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	}
	#demo-nav-container{
		position:absolute;
		bottom:50px;
		width:100%;
		
	}
	#demo-nav{
		margin:0 auto;
		width: 170px;
		background: #666;
		background: rgba(0,0,0, .6);
		box-shadow:0px 2px 2px rgba(0,0,0,.3);
		border-radius:7px;
		overflow:hidden;/*Para que entre la lista*/
	}
	#demo-nav ul{
		float:right;
		margin-bottom:10px;
		margin-right:15px;
	}
	#demo-nav p{
		color:#fff;
		padding:0 0 5px 5px;
		margin:10px 0 3px 10px;
	}
	#demo-nav li.actual{background:#fff;}
	#demo-nav li.actual a{color:#2c2c2c;}
	#demo-nav li{
		display:inline-block;
		list-style:none;
		width:20px;
		height:20px;
		text-align:center;
		border-radius:10px;
		background:#666;
		box-shadow: 1px 2px 2px rgba(0,0,0,.6);
		line-height:20px;
		color:#fff;
		font-family:'Ubuntu', Arial, Helvetica, sans-serif;
	}
	#demo-nav li a{
		text-align:center;
		width:20px;
		height:20px;
		display:inline-block;
		color:#fff;
		line-height:20px;
		font-family:'Ubuntu', Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	#demo-container{
	position: relative;
	top: 10%;
	margin: 0 auto;
	}
	.pestana a:link{
	text-decoration:none;
	color: #0071DD;
	background: #DCECFB ;
	border: 1px solid #69AFEF;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3); 
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s ;
	-ms-transition: all .6s;
	transition: all .6s;
}
	.pestana a:visited{text-decoration:none;color: #0071DD;}
   	.pestana a:link:hover{
	background:#AED3F6;
	color: #1364Af;
	text-decoration:none;
}
	.tab-wrapper{
		width:1024px;/*Si lo vamos a usar en la sidebar, este es el mejor ancho. Si lo vas a usar aparte, puedes usar cualquier medida en "px" o "em"*/
		/*margin:0 auto;/*Para centrarlo*/
	}
	.tab-wrapper *{margin:0; padding:0;}/*Eliminamos todos los m�rgenes inc�modos*/ 
	.tab{
			margin:0 0;
			display:table;/*Para centrar sin tener que fijar un ancho*/
		}
	.tab li{
			float:left;
			list-style: none;
			/*Fuente, color...*/
			font-family:'Ubuntu', Trebuchet, Arial, Helvetica, sans-serif;
			font-size:90%;
    background:      -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background:     -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background:    -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 #FFFFFF inset;
    text-shadow: 0 1px #FFF;
			border-radius:4px 4px 0 0;
			/*Esto fijar� el tama�o del bot�n*/
			padding:2px 19px;
			/*Distancia entre ellos*/
			margin:0 5px;
		}
	.tab li:hover, .tab li.activo{/*Al pasar el rat�n por encima*/
			background:#fff;
	} 
	.tab li a,.tab li.activo a {/*Estilo de los links*/
			color:#2c2c2c;
			text-decoration:none;
	}
	.tabs-content{/*Donde ir�n los contenidos*/
			margin:0 auto;
			background:#fff;
			border-radius:5px; 
			padding:50px 10%;
			box-shadow:0 0 3px rgba(0,0,0,.4);
	}
		.pestana{/*El contenido propiamente dicho*/
			background:#fff;
		}
		.pestana li {
display: block;
margin: 5px 0;
}
